<!DOCTYPE html>
<html>
    <head>
    <title>Kab</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
</head>
<body>
<div data-role="page">

	<div data-role="header">
		<h1>Kli Olami</h1>
		<a href="/kli" data-icon="gear" class="ui-btn-right" rel="external">Map</a>
	</div><!-- /header -->

	<div data-role="content">
		<p>Page content goes here.</p>
	</div><!-- /content -->

	<div data-role="footer">
        <div data-role="navbar">
			<ul>
                <li><a href="/" class="ui-btn-active" rel="external">Home</a></li>
                <li><a href="/profile" rel="external">Profile</a></li>
                <li><a href="/location" rel="external">My Location</a></li>
                <li><a href="/activity" rel="external">Activity</a></li>
			</ul>
		</div
	</div><!-- /footer -->
</div><!-- /page -->
<?php echo $this->partial('ga.phtml'); ?>
</body>
</html>